<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>关于我们</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="description" content=""/>
    <meta name="author" content=""/>
    <!-- css -->
    <link href="css/bootstrap.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="simple-line-icons/css/simple-line-icons.css">
    <link href="css/fancybox/jquery.fancybox.css" rel="stylesheet">
    <link href="css/jcarousel.css" rel="stylesheet"/>
    <link href="css/flexslider.css" rel="stylesheet"/>
    <link href="css/style.css" rel="stylesheet"/>

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

</head>
<body>
<div id="wrapper">

    <!-- start header -->
    <header>
        <div class="navbar navbar-default navbar-static-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="index.html"><img src="img/logo.png" alt="logo"/></a>
                </div>
                <div class="navbar-collapse collapse ">
                    <ul class="nav navbar-nav">
                        <li><a href="index.html">首页</a></li>
                        <li class="active"><a href="about.html">关于我们</a></li>
                        <li><a href="services.html">服务</a></li>
                        <li><a href="portfolio.html">工程案例</a></li>
                        <li><a href="pricing.html">定价</a></li>
                        <li><a href="contact.html">联系我们</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </header><!-- end header -->
    <section id="inner-headline">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <h2 class="pageTitle">关于我们</h2>
                </div>
            </div>
        </div>
    </section>
    <section id="content">
        <div class="container">

            <div class="about">

                <section class="features">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12">
                                <div><h2>我们是谁</h2>
                                    <p>北极冰是以以技术合伙人的形式为互联网初创企业提供技术服务.</p>
                                </div>
                                <br>
                            </div>
                        </div>
                        <h2>我们的优势</h2>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="col-md-3">
                                    <h3>与客户共建需求</h3>
                                    <hr/>
                                    <p class="color-gray">深入理解客户的商业模式，设身处地的思考，
                                        共同发掘业务需求，开发、迭代系统，
                                        建立先进且坚固的技术体系与架构。</p>
                                </div>
                                <div class="col-md-3 col-md-offset-3">
                                    <h3>对项目长远规划</h3>
                                    <hr/>
                                    <p class="color-gray">
                                        从0到1，参与客户的经营过程。以项目长期稳固发展为目标制定坚实技术基础，从规划到开发，
                                        不断迭代，保持优化。</p>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="col-md-3">
                                    <h3>技术复用，降低成本</h3>
                                    <hr/>
                                    <p class="color-gray">在互联网领域拥有海量技术积累，通过对已有技术组件复用与创新，
                                        研发质量与迭代速度都得以保证，且成本更低。</p>
                                </div>
                                <div class="col-md-3 col-md-offset-3">
                                    <h3>保持创新</h3>
                                    <hr/>
                                    <p class="color-gray">
                                        对新事物拥有好奇心，敢于探索，愿意尝试。不拒绝改变，拥抱变化。
                                        保持快速思考，在产品迭代时合理运用新技术。</p>
                                </div>
                            </div>
                        </div>

                    </div>
                </section>
                <div class="row">
                    <div class="col-md-4">
                        <!-- Heading and para -->
                        <div class="block-heading-two">
                            <h3><span>为什么选择我们?</span></h3>
                        </div>
                        <p>从市场调研、分析到产品规划、设计，以用户体验为核心，精心打造拥有市场竞争力的好产品。
                            从技术难度、框架设计、机器损耗等进行全方位评估，做出最优决策，并在技术实现中不断创新。
                            从技术支持、服务对接、更新迭代入手，帮助合作方解决困难，优化使用感，提升体验并保障技术安全。
                           <br/>默默的坚持，成为最有力的推进者，隐居幕后却同样强大。</p>
                    </div>
                    <div class="col-md-4">
                        <div class="block-heading-two">
                            <h3><span>我们的解决方案</span></h3>
                        </div>
                        <!-- Accordion starts -->
                        <div class="panel-group" id="accordion-alt3">
                            <!-- Panel. Use "panel-XXX" class for different colors. Replace "XXX" with color. -->
                            <div class="panel">
                                <!-- Panel heading -->
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-toggle="collapse" data-parent="#accordion-alt3"
                                           href="#collapseOne-alt3">
                                            <i class="fa fa-angle-right"></i> 律金金融
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapseOne-alt3" class="panel-collapse collapse">
                                    <!-- Panel body -->
                                    <div class="panel-body">
                                        持续服务中的P2P平台，已经与厦门银行签订存管协议，平均月成交额约4000万。
                                        公司背景：上海律金金融信息服务有限公司（律金所），与北京盈科律师事务所达成战略合作，
                                        2014年11月在金融中心上海注册成立，注册资金为5000万人民币。
                                    </div>
                                </div>
                            </div>
                            <div class="panel">
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-toggle="collapse" data-parent="#accordion-alt3"
                                           href="#collapseTwo-alt3">
                                            <i class="fa fa-angle-right"></i>天财
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapseTwo-alt3" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        互联网社交理财平台，是融入社交属性的新型理财平台，对接上海银行金融产品，
                                        致力打造用交易构建人脉网络的新型金融产品。
                                        项目介绍：天财，一站式社交理财平台。在这里你可以投资多样化理财产品，
                                        ，与好友和牛人互动。发现高收益牛人，跟随牛人投资；或展现投资才能，被人跟随赚取佣金。
                                    </div>
                                </div>
                            </div>
                            <div class="panel">
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-toggle="collapse" data-parent="#accordion-alt3"
                                           href="#collapseThree-alt3">
                                            <i class="fa fa-angle-right"></i> 恒大集团海花岛门户系统
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapseThree-alt3" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        恒大集团是以民生地产为基础，金融、健康为两翼，
                                        文化旅游为龙头的世界500强企业集团，呈现多元化发展的产业布局，
                                        并且已经完成由“房地产业”向“房地产+服务业”转型，形成地产、金融、健康、
                                        文化旅游四大产业布局。恒大海花岛项目是恒大集团斥资1600亿打造的12000亩
                                        超大体量花型人工岛，荟萃世界风情魅力，构筑傲立海洋的世界奇迹，成为恒大集团瞻远瞻，
                                        践行中国梦的伟大实践。
                                    </div>
                                </div>
                            </div>
                            <div class="panel">
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-toggle="collapse" data-parent="#accordion-alt3"
                                           href="#collapseFour-alt3">
                                            <i class="fa fa-angle-right"></i> ATA官网建设
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapseFour-alt3" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        TA是一家纳斯达克上市公司，以考试与测评服务为主营业务的公司，总部位于北京，
                                        运营中心在上海。
                                        ATA以世界领先的考试技术，丰富的考试运营和管理经验，
                                        以及遍布全国的3,000余家考站为政府机构，教育机构，
                                        企事业单位和数千万考生提供专业化的考试和测评服务。
                                        ATA的网站建设项目采用了当前比较前沿的技术，HTML5响应式网站布局，
                                        整体设计风格采用了简约欧美风，布局均采用一屏布局，其中的交互动画充满了科技感，
                                        酷炫的动画使整个网站充满活力，更多精彩可以关注ATA官网。
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Accordion ends -->

                    </div>

                    <div class="col-md-4">
                        <div class="block-heading-two">
                            <h3><span>我们的专长</span></h3>
                        </div>
                        <h6>网页开发</h6>
                        <div class="progress pb-sm">
                            <!-- White color (progress-bar-white) -->
                            <div class="progress-bar progress-bar-red" role="progressbar" aria-valuenow="40"
                                 aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                                <span class="sr-only">40% Complete (success)</span>
                            </div>
                        </div>
                        <h6>设计</h6>
                        <div class="progress pb-sm">
                            <div class="progress-bar progress-bar-green" role="progressbar" aria-valuenow="60"
                                 aria-valuemin="0" aria-valuemax="100" style="width: 60%">
                                <span class="sr-only">40% Complete (success)</span>
                            </div>
                        </div>
                        <h6>用户体验</h6>
                        <div class="progress pb-sm">
                            <div class="progress-bar progress-bar-lblue" role="progressbar" aria-valuenow="80"
                                 aria-valuemin="0" aria-valuemax="100" style="width: 80%">
                                <span class="sr-only">40% Complete (success)</span>
                            </div>
                        </div>
                        <h6>移动研发</h6>
                        <div class="progress pb-sm">
                            <div class="progress-bar progress-bar-yellow" role="progressbar" aria-valuenow="30"
                                 aria-valuemin="0" aria-valuemax="100" style="width: 30%">
                                <span class="sr-only">40% Complete (success)</span>
                            </div>
                        </div>
                    </div>

                </div>


                <br>
                <!-- Our Team starts -->

                <!-- Heading -->
                <div class="block-heading-six">
                    <h4 class="bg-color">我们的团队</h4>
                </div>
                <br>

                <!-- Our team starts -->

                <div class="team-six">
                    <div class="row">
                        <div class="col-md-3">
                            <!-- Team Member -->
                            <div class="team-member">
                                <!-- Image -->
                                <img class="img-responsive" src="img/team1.jpg" alt="">
                                <!-- Name -->
                                <h4>Ruby Liu</h4>
                                <span class="deg">CEO</span>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <!-- Team Member -->
                            <div class="team-member">
                                <!-- Image -->
                                <img class="img-responsive" src="img/team2.jpg" alt="">
                                <!-- Name -->
                                <h4>Robert Tang</h4>
                                <span class="deg">CTO</span>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <!-- Team Member -->
                            <div class="team-member">
                                <!-- Image -->
                                <img class="img-responsive" src="img/team3.jpg" alt="">
                                <!-- Name -->
                                <h4>Jorn Schlemmer</h4>
                                <span class="deg">原型设计师</span>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <!-- Team Member -->
                            <div class="team-member">
                                <!-- Image -->
                                <img class="img-responsive" src="img/team4.jpg" alt="">
                                <!-- Name -->
                                <h4>Jack Jones</h4>
                                <span class="deg">前端</span>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Our team ends -->


            </div>

        </div>
    </section>
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="widget">
                        <h5 class="widgetheading">我们的联系方式</h5>
                        <address>
                            <strong>llb company Inc</strong><br>
                            河北工业大学<br>
                            新华路199号.</address>
                        <p>
                            <i class="icon-phone"></i> 13230686959 <br>
                            <i class="icon-envelope-alt"></i> liulubingjava@163.com
                        </p>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="widget">
                        <h5 class="widgetheading">快速链接</h5>
                        <ul class="link-list">
                            <li><a href="contact.html">联系我们</a></li>
                            <li><a href="http://www.helloc.xin:8080/admin">后台</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div id="sub-footer">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="copyright">
                            <p>
							<span>Copyright &copy; 2016.Company name All rights reserved
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <ul class="social-network">
                            <li><a href="#" data-placement="top" title="Facebook"><i class="fa fa-facebook"></i></a></li>
                            <li><a href="#" data-placement="top" title="Twitter"><i class="fa fa-twitter"></i></a></li>
                            <li><a href="#" data-placement="top" title="Linkedin"><i class="fa fa-linkedin"></i></a></li>
                            <li><a href="#" data-placement="top" title="Pinterest"><i class="fa fa-pinterest"></i></a></li>
                            <li><a href="#" data-placement="top" title="Google plus"><i class="fa fa-google-plus"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </footer>
</div>
<a href="#" class="scrollup"><i class="fa fa-angle-up active"></i></a>
<!-- javascript
    ================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/jquery.fancybox-media.js"></script>
<script src="js/portfolio/jquery.quicksand.js"></script>
<script src="js/portfolio/setting.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/animate.js"></script>
<script src="js/custom.js"></script>
</body>
</html>